---
slug: ../Text
---

import Basic from "../../_samples/main/Text/Basic/Basic.md";
import MaxLines from "../../_samples/main/Text/MaxLines/MaxLines.md";
import CustomStyling from "../../_samples/main/Text/CustomStyling/CustomStyling.md";
import RenderWhiteSpace from "../../_samples/main/Text/RenderWhiteSpace/RenderWhiteSpace.md";
import EmptyIndicatorMode from "../../_samples/main/Text/EmptyIndicatorMode/EmptyIndicatorMode.md";
import Hyphenation from "../../_samples/main/Text/Hyphenation/Hyphenation.md";

<%COMPONENT_OVERVIEW%>

## Basic Sample
<Basic />

<%COMPONENT_METADATA%>

## More Samples

### Max Lines
The **maxLines** property defines the number of lines the text would wrap before start truncating.

<MaxLines />

### Empty Indicator Mode
The **emptyIndicatorMode** property specifies if an empty indicator should be displayed when there is no text.

<EmptyIndicatorMode />

### Custom Styling
The text can be customized with pure CSS, applied on the tag.

<CustomStyling />

### Render white space with custom styling
Handle [white spaces](https://developer.mozilla.org/en-US/docs/Web/CSS/white-space) in the text with standard CSS, applied on the tag.

<RenderWhiteSpace />

### Hyphenation with custom styling
The text hyphenation can be customized with pure CSS, applied on the tag.

<Hyphenation />